import React,{useState} from 'react'

// 父组件
function Father(props) {
    console.log(props);
    return (
      <div>
         <Child num={props.num} changeNum={props.changeNum}/>
      </div>
    )
  }
//   子组件
function Child(props){
    return (
        <div>
            <h3>子组件-{props.num}</h3>
            <button onClick={()=>props.changeNum()}>修改num</button>
       </div>
    )
}

// 顶级组件
export default function App() {
    const [num,setNum] = useState('我是子传给父亲的')
    // 提供给子组件用来修改num的函数
    const changeNum = ()=>setNum('给我改掉')
  return (
    <div>
       <Father num={num} changeNum={changeNum} />
    </div>
  )
}
